<template>
    
    <div class="footer" :class="{ dark: mode === 'dark' }">
        <img v-if="mode === 'dark'" src="/public/images/footer-banner.png" alt="">
        <p>京公网安备 11000002000001号  |  京ICP备12345678号-1</p>
    </div>
</template>
<script setup lang="ts">
    import { defineProps } from 'vue';
    const props = defineProps({
        mode:{
            type:String,
            default:'light'
        }
    })
</script> 
<style scoped>

.footer{
    width: 100%;
    height: 4rem;
    padding: 1.5rem 0 1.5rem 0;
    font-family: Inter;
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 1rem;
    letter-spacing: 0%;
    text-align: center;
    color: #9CA3AF;
    &.dark{
        padding-top: 0;
        color: #FFFFFF;
        background-color: #000000;
        height: auto;
        img{
            width: 75rem;
            margin-bottom: 1.5rem;
        }
    }
}   
</style>